<!DOCTYPE html> 
<html lang="es">
<head>
<link rel="Shortcut Icon" type="image/x-icon" href="icono.png" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<title>Cara Limpia</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="ceGrid.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="tcal.js"></script>
</head>

<body>

<div id="pagewrap">

    <header id="header">

        <hgroup>
            <a href="index1.php"><img src="logo.png" id="logo" alt="logo"></a>
            <!--<h1 id="site-description">Responsive Design con CSS3 Media Queries</h1>-->
        </hgroup>

        <nav>
            <ul id="main-nav" class="clearfix">
                <li><a href="index1.php">Inicio</a></li>
                    <li><a href="acercade.php">Acerca de Nosotros</a></li>
                    <li><a href="citas.php">Reservar</a></li>
                    <li><a href="empleados.php">Empleados</a></li>
                    <li><a href="clientes.php">Clientes</a></li>
                    <li><a href="lista_citas.php">Citas</a></li>
            </ul>
            <!-- nav --> 
        </nav>

    <?php
    include 'conexion.php';

    if($_SESSION['signed_in'] == false )
    {
    echo '<form id="searchform">
            <a href="registrar.php">Registrarse</a> /
            <a href="login.php">Iniciar Sesión </a>
        </form>';
    }
    else
    {
        echo 'Bienvenido <b>' . htmlentities($_SESSION['usuario_nombre']) . '</b>';
        echo '<form id="searchform">
            <a href="cerrar.php">Cerrar Sesión </a>
            </form>';
    }
    ?>

    </header>
    <div>
        <p></p>
        <b><a href="servicios.php">Lista de Servicios</a></b>
        
    </div> 
    
<div id="content"  class="curved" ><form name="Registro " method="post" action="Insert_servicio.php" class="style" >
<table id = "tab01">
     <tr>
         <td># Servicio</td>
         <td><label>
             <input type="text" name="id" id="id" value ="" maxlength="10" required='required' autofocus /> 
         </label></td>
    </tr>
    <script> if( ! ("autofocus" in document.createElement( "input" ) ) ) {
                    document.getElementById( "id" ).focus();}
    </script>
        <tr>
         <td>Nombre</td>
         <td><label>
         <input type="text" name="nombre" id="nombre" value ="" required='required' autofocus /> 
         </label>
    </tr>
    <tr>
         <td>Descripcion</td>
         <td><label>
         <input type="text" name="descripcion" id="descripcion" size ="50" value ="" required='required' autofocus /> 
         </label></td>
     </tr>
     <tr>
         <td>Duracion</td>
         <td><label>
         <input type="text" name="duracion" id="duracion" value ="" required='required' autofocus /> 
         </label></td>
     </tr>
     <tr>
         <td>Precio</td>
         <td><label>
         <input type="text" name="precio" id="precio" value ="" required='required' autofocus /> 
         </label></td>
     </tr>
     <tr>
         <td></td>
         <td><label>
         <input type="submit" name="Agregar_Btn" id="Agregar_Btn" value="Agregar" />
         </label></td>
     </tr>
 </table> 
</form>
</div>
    <!-- /#content --> 
    
    
    <aside id="sidebar">

        <section class="widget">
            <h4 class="widgettitulo">OFRECEMOS</h4>
            <ul>
                <li><a href="servicios.php">Servicios</a></li>
                <li><a href="producto.php">Productos</a></li>
                <li><a href="eventos.php">Eventos</a></li>
            </ul>
        </section>
                        
    </aside>
    <!-- /#sidebar -->

    <footer id="footer">
    
        <p>Cara Limpia Todos los Derechos Reservados</p>

    </footer>
    <!-- footer -->     
</div>
</body>
</html>